<%@ page language="java" contentType="text/html; charset=UTF-8"%>


<!---------------------------------------头部模块复用------------------------------------------>
<%@ include file="/res/FrontPage/PartialPageReferences/head.jsp" %>

<title>办理信用卡</title>

<!-- -----------------------------------正文开始--------------------------------------- -->
<% if(session.getAttribute("users") == null){ %>
<script type="text/javascript">
	alert("请先登录哦~~~");
	window.location="/Bank/WebPage/FrontPage/CreditCardPage/CreditCard.jsp";
</script>
<%}else{ %>
<section class="contact_page">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 m-t-50">
                <h2 class="underline heading">办理信用卡</h2>
                <h4 class="text-center">请输入以下信息办理信用卡</h4>
                
                <form class="form" id="formsub" action="/Bank/shenqingxinyongka.do" method="post">
                	<style>
						.jiange {
							margin-top: 7px;
						}
					</style>
                            <label class="control-label"><span
                            	class="glyphicon glyphicon-user text-primary"></span>选择要申请的信用卡类型：</label>
                            <div class="controls">
                            	<select class="form-control input-medium leixingbianhua" id="leixing" onchange="showmass()" name="leixing" size="1">
									<option id="selectnull" value="null"> --请选择信用卡类型-- </option>
									<option value="putongka"> 普通卡 </option>
							    	<option value="jinka"> 金卡 </option>
							    	<option value="daijika"> 贷记卡 </option>
							    	<option value="zhundaijika"> 准贷记卡 </option>
							    </select>
                            </div>
                            <div id="ErrorMessageDivNull" style="color:red"></div>
                            <!-- 选择框一改变请选择的项就会消失 -->
                            <script>
								function showmass(){
									$("#selectnull").hide();
									$("#ErrorMessageDivNull").hide();
								}
							</script>
                            <div class="jiange"></div>
                            <label><span class="glyphicon glyphicon-user text-primary"></span>实名认证：</label>
                                    <div class="controls">
                                        <input id="realname" name="name" class="form-control input-large" type="text"
                                               placeholder="请输入真实姓名" required="">
                                    </div><div class="jiange"></div>
                            <div class="controls">
                                        <input id="shenfenzhenghao" name="shenfenzhenghao" class="form-control input-large" type="text"
                                               placeholder="请输入身份证号" required="">
                                    </div>
                                    
                            <div class="checkbox">
                                    <label>团队项目，请勿输入真实的个人信息</label>
                            </div>
                            
                            <label><span
                                            class="glyphicon glyphicon-eye-open text-primary"></span> 设置支付密码 :</label>
                                    <div class="controls">
                                        <input id="pass1" name="password" class="form-control input-large"
                                               type="password" placeholder="请输入密码" required>
                                    </div><div class="jiange"></div>
                            <div class="controls">
										<input id="reenterpasss" class="form-control input-large"
                                               name="reenterpassword" type="password" placeholder="再次输入上方密码"
                                               required="">
                                    </div>
                            <div class="jiange"></div>
                            <div class="clearfix visible-sm-block visible-md-block visible-xs-block"></div>
                            <div class="col-md-12 text-center section-bottom-15">
                                <button type="submit" onclick="nulljiancha()" class="btn btn-success">提交申请</button>
                            </div>
                            <input type="hidden" name="type" value="f1" />
                            <div class=" signin tab-pane fade active in" id="signin1"></div>
                </form>
                <script>
					function nulljiancha(){
						if($("#leixing").val() == "null"){
							$("#ErrorMessageDivNull").html("请选择信用卡类型");
							$("#ErrorMessageDivNull").show();
							event.preventDefault();//拦截请求的发送
						}
						return true;
					}
				</script>
                
                <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="text-success text-center">点击返回信用卡</a>
            </div>
        </div>

        <div class="row section-top-25">
            <div class="col-xs-12">
                <div class="map"></div>
            </div>
        </div>
    </div>
</section>
<%} %>
<!-- -----------------------------------正文结束--------------------------------------- -->

<!------------尾部顶端的两个角------------>
<div class="shape section-top-50"></div>
<!-----------------------------尾部页面复用------------------------------------->

<%@ include file="/res/FrontPage/PartialPageReferences/foot.jsp" %>